import React from 'react';
import { Card } from 'antd';
import { ProductDetails } from "../index";

// 定义CCard组件的属性类型  
interface CCardProps {
  productDetails: ProductDetails;
}

// CCard组件  
const CCard: React.FC<CCardProps> = ({ productDetails }) => {
  // 选择一个价格来展示，例如，选择priceTypeList中的第一个价格  
  const priceToDisplay = productDetails.priceTypeList.length > 0
    ? `¥${productDetails.priceTypeList[0].money}`
    : '价格未定';

  return (
    <Card style={{ width: 300 }} cover={<img alt="Product" src={productDetails.imgUrl} />}>
      <Card.Meta title={productDetails.describes} description={productDetails.details} />
      <p>价格: {priceToDisplay}</p>
    </Card>
  );
};

export default CCard;